<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>index</title>
    <style>
      .cont-bg {
        width: 100%;
        height: 838px;
        background: #fff;
        border: 1px;
      }
      .cont-bg .cont {
        text-align: center;
        font-family: STHupo;
        font-size: 48px;
        margin-bottom: 20px;
      }
      .cont-bg .tu {
        /* display: flex; */
        margin: 0 auto;
        width: 1200px;
        height: 748px;
        background-color: #eee;
        flex-wrap: wrap;
        /* justify-content: space-evenly; */
        padding-top: 80px;
        position: relative;
      }
      .tu img {
        position: absolute;
      }
      span:nth-child(1) img {
        width: 98px;
        height: 98px;
        left: 80px;
        top: 80px;
      }
      span:nth-child(2) img {
        width: 98px;
        height: 98px;
        left: 270px;
        top: 80px;
      }
      span:nth-child(3) img {
        width: 98px;
        height: 98px;
        left: 460px;
        top: 80px;
      }
      span:nth-child(4) img {
        width: 98px;
        height: 98px;
        left: 650px;
        top: 80px;
      }
      span:nth-child(5) img {
        width: 98px;
        height: 98px;
        left: 840px;
        top: 80px;
      }
      span:nth-child(6) img {
        width: 98px;
        height: 98px;
        right: 80px;
        top: 80px;
      }
      span:nth-child(7) img {
        width: 187px;
        height: 58px;
        left: 80px;
        top: 290px;
      }
      span:nth-child(8) img {
        width: 142px;
        height: 94px;
        left: 330px;
        top: 290px;
      }
      span:nth-child(9) img {
        width: 277px;
        height: 47px;
        left: 560px;
        top: 290px;
      }
      span:nth-child(10) img {
        width: 179px;
        height: 55px;
        left: 900px;
        top: 290px;
      }
      span:nth-child(11) img {
        width: 215px;
        height: 69px;
        left: 80px;
        bottom: 290px;
      }
      span:nth-child(12) img {
        width: 200px;
        height: 89px;
        left: 330px;

        bottom: 290px;
      }
      span:nth-child(13) img {
        width: 306px;
        height: 87px;
        left: 560px;
        bottom: 290px;
      }
      span:nth-child(14) img {
        width: 205px;
        height: 40px;
        left: 900px;
        bottom: 290px;
      }
      span:nth-child(15) img {
        width: 157px;
        height: 132px;
        left: 80px;
        bottom: 60px;
      }
    </style>
    <!-- <link rel="stylesheet" href="hezuo.css" /> -->
  </head>
  <body>
    <div class="cont-bg">
      <div class="cont">合作伙伴</div>
      <div class="tu">
        <span><img src="/shuizedongli/img/19201847.png" alt="" /></span>
        <span><img src="/shuizedongli/img/19201833.png" alt="" /></span>
        <span><img src="/shuizedongli/img/24040999.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/24034645.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/19201813.png" alt="" /></span>
        <span><img src="/shuizedongli/img/19201815.png" alt="" /></span>
        <span><img src="/shuizedongli/img/24034745.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/19201875.png" alt="" /></span>
        <span><img src="/shuizedongli/img/24034587.png" alt="" /></span>
        <span><img src="/shuizedongli/img/13540425.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/19201916.png" alt="" /></span>
        <span><img src="/shuizedongli/img/19201933.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/24040812.jpg" alt="" /></span>
        <span><img src="/shuizedongli/img/24040665.png" alt="" /></span>
        <span><img src="/shuizedongli/img/24034713.jpeg" alt="" /></span>
      </div>
    </div>
  </body>
</html>
